<#include "/WEB-INF/fragment/head.ftl">
 <style type="text/css">
.head{background-color: rgb(208,14,49);padding-bottom: 10px;padding-top: 10px;margin-bottom: 0px;color: white;   }   
.login{background-color: gray;padding: 4px;}
.login-fr{padding-right: 10px;}
.title{padding-left:  20px;font-size: 18px;}
.underline{height: 2px;width: 1140px;background-color: red;margin-top: 50px;}
li{list-style-type: none;padding-left:250px;padding-bottom: 50px;}
input{width: 350px;padding: 10px;margin: 10px;}
.btn{background-color: green;width: 350px;padding: 10px;}
.btn1{background-color: green;width: 350px;padding: 10px;}
.img1{width: 80px;}
.img2{width: 80px;}
.img3{width: 80px;}
.img4{width: 80px;}
.img5{width: 80px;}
.btn2{color: blue;}
a>img{ width: 100px;height: 60px;}
    </style>
</head>
<body>
    <div class="container">
        <div class="head clearfix">
            <div class="title fl"><a href="${request.contextPath}/index">教学过程控制系统</a></div>
            <div class="login-fr fr"><a href="${request.contextPath}/login"><img src="./assets/img/login.png"></a></div>
        </div>
        <div class="underline"></div>
         <div class="num-list clearfix">
            <ul>
                <li class="fl">1</li>
                <li class="fl">2</li>
                <li class="fl">3</li>
            </ul>
        </div>
<div class="register-box">
            <div class="pic" align="center"><img src="http://172.16.1.55/logo.png"></div>
            <div class="input">
            <form action="${request.contextPath}/_register2" method="post" enctype="multipart/form-data">
             <div align="center">邮箱为：<#if Session??>${Session.userRegister.email!""}</#if>
            </div>
                 <div align="center"><input type="text" name="user.nickname" value="<#if user??>${user.nickname!""}</#if>" placeholder="昵称">
            ${FieldErrors['user.nickname']!""}
            </div>
             <div align="center"><input type="text" name="user.realname" value="<#if user??>${user.realname!""}</#if>" placeholder="真实姓名">
            ${FieldErrors['user.realname']!""}
            </div>
                <div align="center"><input type="text" name="user.username" value="<#if user??>${user.username!""} </#if>" placeholder="用户名">
            ${FieldErrors['user.username']!""}
             <p><#if ActionErrors??>
<#list ActionErrors as error>
        ${error}
</#list>
        </#if></div>
                </p>
            </div>
                <div align="center"><input type="text" name="user.phone"  value="18273187465" placeholder="联系手机">
            ${FieldErrors['user.phone']!""}
            </div>
                <div align="center">个人头像</div>
                <div align="center">
                <img class="img1" src="./assets/img/06.png">
                <img class="img2" src="./assets/img/10.png">
                <img class="img3" src="./assets/img/fish.png">
                <img class="img4" src="./assets/img/ice.png">
                <img class="img5" src="./assets/img/lu.png">
                </div>
                <div align="center"><button type="submit" class="btn">下一步</button></div>
                <div align="center"><a href="${request.contextPath}/_register1">上一步</a></div>
            </form>
            </div>
        </div>
    </div>
     <script type="text/javascript">
        $('.img1').click(function() {
            /* Act on the event */
            $('.img1').css({
                border: '1px',
                borderStyle: 'solid'
            });
        });
         $('.img2').click(function() {
            /* Act on the event */
            $('.img2').css({
                border: '1px',
                borderStyle: 'solid'
            });
        });
         $('.img3').click(function() {
            /* Act on the event */
            $('.img3').css({
                border: '1px',
                borderStyle: 'solid'
            });
        });
         $('.img4').click(function() {
            /* Act on the event */
            $('.img4').css({
                border: '1px',
                borderStyle: 'solid'
            });
        });
         $('.img5').click(function() {
            /* Act on the event */
            $('.img5').css({
                border: '1px',
                borderStyle: 'solid'
            });
        });
    </script>
</body>
</html>